<template>
    <div style="height: 100%;">

        <!--没有数据统计的时候   展示给用户的内容  -->
        <div v-has="'system:home:hello'" style=" display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%;" >
            <div class="text-white"   style=" font-size: 24px;">尊敬的用户您好！</div>
            <div class="text-white"  style=" font-size: 26px; margin-top: 40px;">欢迎进入 聚医云废物收运管理平台！</div>
        </div>

        <!--  系统用户访问数据统计、访问情况按周展示线图 -->
        <div v-has="'system:login:info:statistic'">
            <index-chart></index-chart>
        </div>

        <!--  按照当前用户所在区域、展示所在区域下的所有“废物产量（KG）” -->
        <div v-has="'statistic:waste:for:area:by:userinfo'">
            <supervise-index-one></supervise-index-one>
        </div>

        <!--  5天超时未提交预警机构列表  -->
        <div v-has="'statistic:for:timeout:customer:list'">
            <index-bdc></index-bdc>
        </div>

        <!--  根据选择时间展示五种医疗废物对比、废物产量机构排名，查询条件 ： 时间、当前用户所在地址、区域 -->
        <div v-has="'statistic:waste:or:customer:sort'" style="margin-top: 20px;">
            <index-bottom-ranking></index-bottom-ranking>
        </div>

        <!--  各医院根据选择时间展示五种医疗废物对比、科室废物产量排名，查询条件 ： 时间、当前用户的医院编号 -->
        <div v-has="'statistic:waste:or:customer:sort:according:to:hospital'" style="margin-top: 20px;">
            <hospital-ranking-list></hospital-ranking-list>
        </div>


    </div>
</template>

<script>
  import IndexChart from './IndexChart'
  import IndexBdc from './IndexBdc'
  import SuperviseIndexOne from '@comp/chart/index/SuperviseIndexOne'
  import { getAction } from '@/api/manage'
  import HospitalRankingList from '@/components/chart/HospitalIndex/HospitalRankingList'
  import IndexBottomRanking from '@/components/chart/index/IndexBottomRanking'

  export default {
    name: 'Analysis',
    components: {
      IndexBdc,
      IndexChart,
      SuperviseIndexOne,
      IndexBottomRanking,
      HospitalRankingList
    },
    data() {
      return {
        indexStyle: 1
      }
    },
    created() {

    },
    methods: {}

  }
</script>

<style lang="less" scoped>
    .homePage-container {
        .chart {
            height: 6rem;
        }
    }
</style>
